@charset "UTF-8";

/********************************
   
background:#fff url("../images/파일명") ;




********************************/


@media screen and (min-width: 1025px){
	
.inner .title_area .sub_title01 {
		padding : 0 0 0 0;
		font-size:30px;
		text-align: center;
		padding-top: 100px;}	



.main_section01 .tit_txt01 {
    display: block;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: normal;
    padding-bottom: 40px;
	text-align:left;}



.txt01 {
    color: #000;
    font-size: 25px;
    line-height: 40px;
	text-align:left;}



.swiper-container01 .left.cont {
    padding: 110px 0 0 124px;
    box-sizing: border-box;}	


	

.main_section01 .img01 {
    max-width: 100%;
    width: auto;
    vertical-align: middle;
    height: 341px;}


.col02 .box .btn_blue01 {
    display: inline-block;
    text-align: center;
    padding: 0px;
    background: #0074c5;
    height: 70px;
    line-height: 70px;
    width: 150px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
	padding: 0;}



.col02 .person0101 {background-color: #00b0bb; 
	background-image: url(../images/visual/sub_visual_06_01.png);
	background-position: 100% 100%; 
	background-repeat: no-repeat;
	width:600px; height:437px;}

.col02 .person010101 {background-color: #00b0bb; 
	background-image: url(../images/visual/sub_visual_06_01.png);
	background-position: 100% 100%; 
	background-repeat: no-repeat;
	width:600px; height:437px;}

.col02 .person0202 {
	background-color: #0086c5; 
	background-image: url(../images/visual/sub_visual_06_02.png); 
	background-position: 100% 100%; 
	background-repeat: no-repeat;
	width:600px; height:437px;}

.col02 .person020202 {
	background-color: #0086c5; 
	background-image: url(../images/visual/sub_visual_06_02.png); 
	background-position: 100% 100%; 
	background-repeat: no-repeat;
	width:600px; height:437px;}	
	
.person0101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;}

.person010101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;}

.person0101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person010101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person0202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}  

.person020202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}  

.person0202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person020202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}



.sub_container_inner .tit2depth01 {
    padding-bottom: 25px;
	font-size: 26px;
    line-height: 1;
    color: #000;
	padding:10px}



.col03 .left .inner .name010101 {
    display: block;
    padding-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #000;}

.col03 .left .inner .span010101 {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #666;}


.main_inner .tit2depth01 {
    padding-bottom: 25px;
    font-size: 26px;
    line-height: 1;
    color: #000;
    padding: 10px;}

.info01 .inner .img01{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info02 .inner .img02{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info03 .inner .img03{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info04 .inner .img04{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info05 .inner .img05{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info06 .inner .img06{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info07 .inner .img07{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}	

.info08 .inner .img08{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}


}


@media screen and (min-width: 720px){


 .inner .title_area .sub_title01 {
		padding : 0 0 0 0;
		font-size:30px;
		text-align: center;
		padding-top: 80px;}	

.main_section01 .tit_txt01 {
    display: block;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: normal;
    padding-bottom: 40px;
    text-align:left;
    margin-left: 15px;}

.txt01 {
    color: #000;
    font-size: 25px;
    line-height: 40px;
    text-align:left;
    margin-left: 15px;}


.swiper-container01 .left.cont {
    padding: 110px 0 0 118px;
    box-sizing: border-box;}

.main_section01 .img01 {
    max-width: 100%;
    width: auto;
    vertical-align: middle;
    height: 400px;
    float : right;
    margin-top: -270px;
	}

.col02 .box .btn_blue01 {
    display: inline-block;
    text-align: center;
    padding:  0px;
    background: #0074c5;
    height: 70px;
    line-height: 70px;
    width: 150px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
	padding: 0;}
	
.col02 .person0101 {background-color: #00b0bb; 
	background-image: url(../images/visual/sub_visual_06_01.png);
	background-position: 120% 100%; 
	background-repeat: no-repeat;
	width:50%; height:437px;}
	
.col02 .person0202 {
	background-color: #0086c5; 
	background-image: url(../images/visual/sub_visual_06_02.png); 
	background-position: 137% 100%; 
	background-repeat: no-repeat;
	width:50%; height:437px;}	


.col02 .person010101 {background-color: #00b0bb; 
	background-image: url(../images/visual/sub_visual_06_01.png);
	background-position: 120% 100%; 
	background-repeat: no-repeat;
	width:50%; height:437px;}
	
.col02 .person020202 {
	background-color: #0086c5; 
	background-image: url(../images/visual/sub_visual_06_02.png); 
	background-position: 137% 100%; 
	background-repeat: no-repeat;
	width:50%; height:437px;}	




.person0101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;} 

.person010101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;} 	
	
.person0101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person010101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person0202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;} 

.person020202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;} 

	
.person0202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person020202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

	
.sub_container_inner .tit2depth01 {
    padding-bottom: 25px;
	font-size: 26px;
    line-height: 1;
    color: #000;
	padding:10px}


.col03 .left .inner .name010101 {
    display: block;
    padding-bottom: 10px;
    font-size: 19px;
    font-weight: bold;
    color: #000;}

.col03 .left .inner .span010101 {
    display: block;
    font-size: 11px;
    line-height: 1;
    color: #666;}



.main_inner .tit2depth01 {
    padding-bottom: 25px;
    font-size: 26px;
    line-height: 1;
    color: #000;
    padding: 10px;}

.info01 .inner .img01{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info02 .inner .img02{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info03 .inner .img03{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info04 .inner .img04{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info05 .inner .img05{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info06 .inner .img06{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}
.info07 .inner .img07{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}	

.info08 .inner .img08{
    position: relative;
    bottom: 210px;
    right: -18px;
    width: 120px;
	height:110px;}

}









@media screen and (min-width: 320px) and (max-width:720px){

 .inner .title_area .sub_title01 {
		padding : 20px 0 0 0;
		font-size:20px;
		text-align: center;
		padding-top: 20px;}	


.main_section01 .tit_txt01 {
    display: block;
    font-size: 22px;
    line-height: 27px;
    color: #000;
    font-weight: normal;
    padding-bottom: 40px;
	text-align:center;}

.main_section01 .txt01 {
    color: #000;
    font-size: 15px;
    line-height: 18px;
	text-align:center;}

.main_inner2 .swiper-container01 .right .img01{
    max-width: 100%;
    width: 100%;
    vertical-align: ;
    height: ;}


.col02 .box .btn_blue01 {
    height: 53px;
    font-size: 13px;
    line-height: 53px;
	display: inline-block;
    text-align: center;
    padding: 0px ;
    background: #0074c5;
    color: #fff;
    font-weight: bold;
	}

.col02 .person0101 {background-color: #00b0bb; 
	background-image: url(../images/visual/sub_visual_06_01.png);
	background-position: top right; 
	background-repeat: no-repeat;
	    background-size: contain;
	width:340px; height:280px;}
	
	
.col02 .person010101 {
    background-color: #00b0bb;
    background-image: url(../images/visual/sub_visual_06_01.png);
    background-position: 110% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 340px;
    height: 280px;
}	

.col02 .person0202 {
	background-color: #0086c5; 
	background-image: url(../images/visual/sub_visual_06_02.png); 
	background-position: top right; 
	background-repeat: no-repeat;
    background-size: contain;
	width:340px; height:280px;}
  
.col02 .person020202 {
    background-color: #0086c5;
    background-image: url(../images/visual/sub_visual_06_02.png);
    background-position: 110% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 340px;
    height: 280px;
}
  
  

.person0101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}
	
.person010101 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}	

.person0101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}	
	
.person010101 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}		


.person0202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}
	
.person020202 .span0101 {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
	padding:20px;}

.person0202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}	
	
.person020202 .name0101 {
    display: block;
    padding-bottom: 35px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
	padding:20px;}	

.sub_container_inner .tit2depth01 {
    padding-bottom: 25px;
	font-size: 30px;
    line-height: 2;
    color: #000;
	padding:10px}

.col03 .left .inner .name010101 {
    display: block;
    padding-bottom: 10px;
    font-size: 23px;
    font-weight: bold;
    color: #000;}

.col03 .left .inner .span010101 {
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #666;}

.sub_container_inner .tit2depth01 {
    padding-bottom: 25px;
	font-size: 30px;
    line-height: 2;
    color: #000;
	padding:10px}

.main_inner .tit2depth01 {
    padding-bottom: 25px;
    font-size: 30px;
    line-height: 2;
    color: #000;
    padding: 10px;}


.info01 .inner .img01{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}
.info02 .inner .img02{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}
.info03 .inner .img03{
    position: relative;
    bottom: 188px;
    right: -15px;
    width: 120px;
	height:110px;}
.info04 .inner .img04{
    position: relative;
    bottom: 188px;
    right: -15px;
    width: 120px;
	height:110px;}
.info05 .inner .img05{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}
.info06 .inner .img06{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}
.info07 .inner .img07{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}	

.info08 .inner .img08{
    position: relative;
    bottom: 205px;
    right: -15px;
    width: 120px;
	height:110px;}



}